<template>
	<div class="goods-block">
		<van-cell />
		<van-row type="flex" justify="center">
			<van-col span="8" class="goods-item" v-for="(item,i) in dataList" :key="i">			
				<van-image :src="item.img" width="100" height="100"></van-image>
				<div class="title van-ellipsis" style="font-size: 16px">{{item.title}}</div>
			</van-col>
		</van-row>			
	</div>	
</template>

<script>
export default {
	props:{

		dataList:{
			type:Array
		},			
		title:{
			type:String,
		},
		icon:{
			type:String,
			default:"gift-o"
		}
	}
}
</script>

<style lang="less" scoped="scoped">
.goods-block{
	.van-cell{
		background-color: #dcd5d5;
	}
	.goods-item{
		padding: 10px;
	}	
	.title{
		font-size: 12px;
		color: grey;
	}
	.price{
		color: red;
		text-align: right;
		font-weight: bold;
		padding-right: 10px;
	}
}
</style>
